﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  <title>hCard 4 - n (name) singular and multiple occurrence test</title>
  
   <!-- This will be replace with one CSS file and one JavaScipt file -->
  <link rel="stylesheet" href="../css/uftestsuite.css" type="text/css" />
  <link rel="stylesheet" href="../../testrunner/css/testrunner.css" type="text/css" />
  
  <script type="text/javascript" src="../../testrunner/javascript/prototype-1.6.0.2.js"></script> 
  <script type="text/javascript" src="../../testrunner/javascript/beautify.js"></script> 
  <script type="text/javascript" src="../../testrunner/javascript/sumo/microformat.js"></script>
  <script type="application/javascript;version=1.7" src="http://svn.mozilla.org/labs/operator/chrome/content/Microformats/Microformats.js"></script>
  <script type="text/javascript" src="../../testrunner/javascript/shiv/microformats-shiv.js"></script>
  <script type="text/javascript" src="../../testrunner/javascript/shiv/microformats-definition.js"></script>  
  <script type="text/javascript" src="../../testrunner/javascript/testrunner.js"></script>
   
</head>
<body>
    
    <div class="test-fixture">
    
    <p>
    <a href="../"><img border="0" id="testsuite-image" alt="Microformats test suite" src="../images/testsuite.gif" /></a><br />
    </p>
    
    <h1 class="summary">hCard 4 - n (name) singular and multiple occurrence test</h1>
    <p class="description">This page was design to test singular and multiple occurrence values in the n element of a hcard.</p>
    <p>From: <a href="default.htm"><span class="format">hCard</span> test suite 1.0</a></p>
    <p class="author vcard">
        Author: <a class="url fn" href="http://www.glennjones.net/">Glenn Jones</a> 
    </p>
    <!--
    <p>Output examples: 
    <ul>
    <li class="output"><a class="url" href="hcard1.js"><span class="type">JSON</span></a></li>
    <li class="output"><a class="url" href="hcard1.xml"><span class="type">XML</span></a></li>
    </ul>
    </p>
    -->
    
    <input id="unittestbutton" type="button" onclick="microformatsTestRunner.displayTestOptionForm()" value="Unit Test Runner"/>

    
    <p>Tests:</p>
    <table id="assetTable" cellpadding="0" cellspacing="0">
    <thead>
        <tr>
            <th>Test</th>
            <th>Result</th>
            <th>Comment</th>
        </tr>
    </thead>
    <tbody>
        <tr class="assert">
            <td class="test">vcard[0].n.honorific-prefix[0]</td>
            <td class="result">IsEqualTo("Dr")</td>
            <td class="comment">The honorific-prefix is a optional multiple value</td>
        </tr>
         <tr class="assert">
            <td class="test">vcard[0].n.given-name[0]</td>
            <td class="result">IsEqualTo("John")</td>
            <td class="comment">The given-name is a optional multiple value</td>
        </tr>
        <tr class="assert">
            <td class="test">vcard[0].n.additional-name[0]</td>
            <td class="result">IsEqualTo("Peter")</td>
            <td class="comment">The additional-name is a optional multiple value</td>
        </tr>
        <tr class="assert">
            <td class="test">vcard[0].n.family-name[0]</td>
            <td class="result">IsEqualTo("Doe")</td>
            <td class="comment">The family-name is a optional multiple value</td>
        </tr>
        <tr class="assert">
            <td class="test">vcard[0].n.honorific-suffix[1]</td>
            <td class="result">IsEqualTo("PHD")</td>
            <td class="comment">The honorific-suffix is a optional multiple value</td>
        </tr>
    </tbody>
    </table> 
    
    
    <p>History:</p>
    <ul>
    <li class="history vevent">
        <span class="summary">Created</span>: <abbr class="dtstart" title="2008-04-08">8 April 2008</abbr> 
        <span class="description">by Glenn Jones</span>
    </li>
    </ul>
    
    
    
    </div>
  
    <div id="uf">
        <div class="vcard">
            <!-- This may not be the best semantic use of HTML element -->
            <div class="fn n">
            <span class="honorific-prefix">Dr</span> 
            <span class="given-name">John</span> 
            <span class="additional-name">Peter</span> 
            <span class="family-name">Doe</span> 
            <span class="honorific-suffix">MSc</span>, 
            <span class="honorific-suffix">PHD</span>
            </div>
  
      
            
        </div>
    </div>
    
    <p>
        <a rel="license" href="../license.txt">Some rights reserved</a>
    </p>
    
  
</body>

</html>